$color_list: 'B3533A', 'C06047', 'FEF1E5', 'FFFFFF', 'EFEFEF', 'F3E3DF', 'F8F8F8';
$flag: '#';

@each $color in $color_list {
  .color-#{$color} {
    color: #{$flag}#{$color};
  }

  .bg-#{$color} {
    background-color: #{$flag}#{$color};
  }

  .b-#{$color} {
    border-color: #{$flag}#{$color};
  }
}

.bg-00000000 {
  background-color: #00000000;
}

.color-primary {
  color: #B3533A;
}

.b-primary {
  border-color: #B3533A;
}

.bg-primary {
  background-color: #B3533A;
}

.bg-primary-10 {
  background-color: #B3533A10;
}

.bg-primary-30 {
  background-color: #B3533A30;
}

.color-success {
  color: #68D279;
}

.b-success {
  border-color: #68D279;
}

.bg-success {
  background-color: #68D279;
}

.bg-success-10 {
  background-color: #68D27910;
}

.color-info {
  color: #409eff;
}

.b-info {
  border-color: #409eff;
}

.bg-info {
  background-color: #409eff;
}

.color-error {
  color: #F5222D;
}

.b-error {
  border-color: #F5222D;
}

.bg-error {
  background-color: #F5222D;
}

.bg-error-10 {
  background-color: #F5222D10;
}

.color-474747 {
  color: #474747;
}

.color-grey {
  color: #6d6b6d;
}

.b-grey {
  border-color: #6d6b6d;
}

.bg-grey {
  background-color: #6d6b6d;
}

.bg-grey-10 {
  background-color: #6d6b6d10;
}
.bg-grey-50 {
  background-color: #6d6b6d50;
}

.color-red {
  color: #ff2424;
}

.color-green {
  color: #68D279;
}

.color-737373 .bg-red {
  background-color: #ff2424;
}

.bg-F7F7F9 {
  background-color: #f7f7f9;
}


.b-grey-5 {
  border-color: #6d6b6d50;
}

.b-00000010 {
  border-color: #00000010;
}